﻿<script src="~/vue/dist/vue.global.js"></script>
<link href="~/element-plus/dist/index.css" rel="stylesheet" />
<script src="~/element-plus/dist/index.full.js"></script>
<script src="~/axios/dist/axios.js"></script>
<html>
<head>
    <link href="~/css/table.css" rel="stylesheet" />
</head>
<body>
    <div id="app">
        <table width="100%">
            <tr>
                <td>
                    <font color="black">您正在做的业务是:人力资源管理--薪酬标准管理--薪酬标准变更</font>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
            </tr>   
            <tr>
                <td>
                    <div align="right">
                        <el-button v-on:click="selectWhere()">查询</el-button>
                    </div>
                </td>
            </tr>
        </table>
        <table width="100%" border="1" cellpadding=0 cellspacing=1
               bordercolorlight=#848284 bordercolordark=#eeeeee
               class="TABLE_STYLE2">
            <tr>
                <td width="20%" class="TD_STYLE1">
                    请输入薪酬标准编号
                </td>
                <td class="TD_STYLE2">
                    <el-input v-model="standardId" class="INPUT_STYLE1" style="width:350px" />
                </td>
            </tr>
            <tr>
                <td class="TD_STYLE1">
                    请输入关键字
                </td>
                <td class="TD_STYLE2">
                    <el-input v-model="keyman" class="INPUT_STYLE1" style="width:350px" />
                </td>
            </tr>
            <tr>
                <td class="TD_STYLE1">
                    请输入建档时间
                </td>
                <td width="84%" class="TD_STYLE2">
                    <div class="demo-date-picker">
                        <div class="block">
                            <el-date-picker v-model="value1"
                                            type="daterange"
                                            range-separator="至"
                                            start-placeholder="Start date"
                                            end-placeholder="End date"
                                            format="YYYY-MM-DD"
                                            value-format="YYYY-MM-DD"
                                            :size="size" />
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
<style>
    body {
        background-color: #ffffcc;
    }
</style>
<script>
    const { createApp, ref, reactive } = Vue
    var app = createApp({
        setup() {
            const value1 = ref([])
            const standardId = ref("")
            const keyman = ref("")

            function selectWhere(){
                let startDate = "";
                let endDate = "";
                for (var i = 1; i < value1.value.length; i++){
                    startDate = value1.value[0]
                    endDate = value1.value[1]
                }
                window.location.href = "/SS/SSChangeUpdatePage?id="+standardId.value+"&name="+keyman.value+"&startDate="+startDate+"&endDate="+endDate+"&state="+"等待复核"
            }

            return {
                value1,selectWhere,standardId,keyman
            }
        }
    })
    app.use(ElementPlus)
    app.mount("#app");
</script>                 